PRACTICE
Tooltips
Hover or focus each button to display a tooltip. Position changes (top/end/bottom/start) and one tooltip supports HTML.
Tooltip Demo
Tooltips appear on mouse hover and also on keyboard focus. Close the tooltip by moving out or blurring focus.
Automation tip:
Buttons have stable
id values
(tt-top, tt-end,
tt-bottom, tt-start,
tt-html) plus
data-tooltip and data-position.
Tooltip element is #tt.